 /* ++++++++++++++++++++侧边导航栏 */
 
 .side {
     position: fixed;
     top: 0;
     right: -290px;
     bottom: 0;
     z-index: 902;
     width: 330px;
     background-color: #333;
     display: flex;
     flex-direction: column;
     justify-self: center;
     align-items: flex-start;
     /* padding-left: 15px; */
     box-sizing: border-box;
     /* position: relative; */
 }
 
 .side_tb {
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
 }
 
 .icon {
     font-size: 20px;
     color: whitesmoke;
 }
 
 .close {
     margin-top: 10px;
     margin-bottom: 10px;
     /* background-color: yellow; */
 }
 
 .close>i {
     font-size: 20px;
 }
 
 .sjt>i {
     font-size: 20px;
 }
 
 .yjt>i {
     font-size: 20px;
 }
 
 #top01 {
     display: none;
 }
 
 .book {
     /* background: tomato; */
     margin-top: 20px;
     margin-bottom: 5px;
     /* background-color: #e31d3b; */
 }
 
 .book .side_tb {
     margin-bottom: 10px;
     /* background: green; */
     position: relative;
 }
 
 .sjt>.nav {
     margin-top: 15px;
 }
 
 .sjt>.nav>li {
     width: 36px;
     height: 15px;
     /* background-color: teal; */
     margin-top: 10px;
     /* text-align: center; */
     line-height: 15px;
     cursor: pointer;
     font-size: 5px;
     color: white;
     font-size: 5px;
 }
 
 .yjt {
     margin-top: 15px;
 }
 
 .icon:hover {
     color: #e31d3b;
 }
 
 .icon_title {
     position: absolute;
     left: 150px;
     top: 5px;
     font-size: 20px;
     color: whitesmoke;
     line-height: 30px;
     float: right;
     width: 130px;
     height: 30px;
     /* background-color: red; */
     margin-left: -100px;
 }
 
 .sjt>ul>li:active {
     background: yellowgreen;
 }